{/include file="simpla/common/header.html"/}
{/include file="simpla/common/left.html"/}
<div id="main-content">
  <h2>欢迎您 {/$_adminname/}</h2>
  <p id="page-intro">艾麦捷在线商城，一站式购买销售耗材。</p>
  <div class="clear"></div>
  <div class="content-box">
    <div class="content-box-header">
      <h3>爱麦商城</h3>
      <ul class="content-box-tabs">
        <li><a href="#tab1" class="default-tab">商品列表</a></li>
        <li><a href="{/get_url rule="/sales/sales"/}">消费记录</a></li>
        <li><a href="{/get_url rule="/sales/return"/}">通行证</a></li>
      </ul>
      <div class="clear"></div>
    </div>
    <div class="content-box-content">
      <div class="tab-content default-tab" id="tab1">
<link rel="stylesheet" href="{/$root_dir/}/assets/js/isotope/isotope.css" type="text/css" />
<style>
.mediamgr { position: relative; min-height: 400px; }
.mediamgr .mediamgr_right { position: absolute; width: 250px; top: 62px; right: 0; }
.mediamgr .mediamgr_rightinner { margin: 20px 0; padding-left: 20px; }
.mediamgr .mediamgr_rightinner h4 { 
	font-size: 12px; text-transform: uppercase; padding: 10px; background: #0866c6; color: #fff; }

.mediamgr_head { padding: 10px; background: #fcfcfc; border: 1px solid #ccc; overflow: visible; margin-bottom: 20px; }
 
.mediamgr_menu { list-style: none; position: relative; overflow: hidden; }
.mediamgr_menu li { display: inline-block; float: left; }
.mediamgr_menu li.right { float: right; }
.mediamgr_menu li a { margin-bottom: 0; }
.mediamgr_menu li a:hover { cursor: pointer; text-decoration: none; }
.mediamgr_menu li a.prev { border-right: 0; }
.mediamgr_menu li a.prev_disabled { opacity: 0.6; }
.mediamgr_menu li a.preview_disabled { opacity: 0.6; }
.mediamgr_menu form input.filekeyword { padding: 5px 7px; width: 200px; background: #fff; color: #999; margin: 0; font-style: italic; }
.mediamgr_content { padding: 20px 0;  }
.mediamgr_category { padding: 10px 0; border-bottom: 1px dashed #ddd; margin-right: 270px; }
.mediamgr_category ul { list-style: none; }
.mediamgr_category ul li { display: inline-block; margin-right: 5px; }
.mediamgr_category ul li.right { float: right; }
.mediamgr_category ul li a { display: block; padding: 3px 10px; color: #666; }
.mediamgr_category ul li a:hover, .mediamgr_category ul li.current a { 
	background: #333; color: #fff; text-decoration: none;
}
.mediamgr_category ul li .pagenuminfo { display: inline-block; margin-top: 5px; }
.mediamgr_menu li a.newfilebutton { 
	display: block; padding: 4px 10px 5px 10px; text-align: center; border: 1px solid #F0882C; background: #FB9337; color: #fff;
	font-weight: bold; font-size: 12px; -moz-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3); box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
}
.mediamgr_menu li a.newfilebutton:hover { background: #485B79; border: 1px solid #3f526f; }

.menuright { list-style: none; }
.menuright li { display: block; margin-bottom: 1px; }
.menuright li a { display: block; padding: 5px 10px; color: #666; }
.menuright li a:hover { background: #ddd; text-decoration: none; }
.menuright li.current a { background: #333; color: #fff; }
.listfile { list-style: none; }
.listfile li { display: inline-block; margin: 5px 10px 5px 0; border: 1px solid #ddd; padding: 10px; background: #fcfcfc; }
.listfile li:hover { border-color: #bbb; }
.listfile li a { display: block; }
.listfile li a:hover { cursor: pointer; }
.listfile li span.filename { display: block; margin-top: 5px; font-size: 11px; text-align: center; }
.listfile li.selected { border-color: #3493f5; background: #eaf3fd; }

.mediaWrapper { padding: 5px; width: 700px; min-height: 350px; }
.mediaWrapper p { margin: 10px 0; }
.mediaWrapper p:first-child { margin-top: 0; }

.imgpreview { width: 249px; max-width: none; }
.imginfo { background: #eee; padding: 10px 20px 10px 10px; border: 1px solid #ddd; }
.imgdetails label { display: block; margin-bottom: 2px; }
.imgdetails input, .imgdetails textarea { padding: 7px 5px; border: 1px solid #bbb; background: #fcfcfc; }
#medialist li{ background:none !important;}</style>
  <script type="text/javascript">
    $(document).ready(function(){
        // Media Filter
        $('#medialist').isotope({
            itemSelector : 'li',
            layoutMode : 'fitRows'
        });  $('#mediafilter a').click(function(){
	    
            var filter = ($(this).attr('href') != 'all')? '.'+$(this).attr('href') : '*';
            $('#medialist').isotope({ filter: filter });
	    
            $('#mediafilter li').removeClass('current');
            $(this).parent().addClass('current');
	    
            return false;
        });
    });
</script>
<div class="mediamgr_category">
                    <ul id="mediafilter">
                        	<li class="current"><a href="all">所有产品</a></li>
                            <li><a href="image">办公设备</a></li>
                            <li><a href="video">办公耗材</a></li>
                            <li><a href="audio">电脑平板</a></li>
                            <li><a href="doc">其他</a></li>
                            <li class="right"><span class="pagenuminfo">艾麦捷科技淘宝店铺</span></li>
                        </ul>
                    </div><!--mediamgr_category-->
                    
                    <div class="mediamgr_content">
                        <ul id="medialist" class="listfile">
                        	<li class="image">
                              <a href="ajax/image.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                           </li>
                        	<li class="image">
                                <a href="ajax/image.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="doc">
                                <a href="ajax/doc.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="video">
                                <a href="ajax/video.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="audio">
                                <a href="ajax/audio.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="doc">
                                <a href="ajax/doc.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="doc">
                                <a href="ajax/doc.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="image">
                                <a href="ajax/image.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                        	<li class="image">
                                <a href="ajax/image.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="doc">
                                <a href="ajax/doc.html" data-rel="doc"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="video">
                                <a href="ajax/video.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="audio">
                                <a href="ajax/audio.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="doc">
                                <a href="ajax/doc.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="doc">
                                <a href="ajax/doc.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="image">
                                <a href="ajax/image.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                        	<li class="image">
                                <a href="ajax/image.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="doc">
                                <a href="ajax/doc.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="video">
                                <a href="ajax/video.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="audio">
                                <a href="ajax/audio.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                            <li class="doc">
                                <a href="ajax/doc.html"><img src="http://www.arch.com//uploadfile/image/2014/0111/thumb_136_100_20140111023850155.jpg" width="136" height="100" alt="佳博打印机58"></a>
                            	<span class="filename">佳博打印机</span>
                            </li>
                        </ul>
                        
                        <br class="clearall" />
                        
                    </div>   
      </div>
    </div>
  </div>
<script type="text/javascript" src="{/$root_dir/}/assets/js/isotope/jquery.isotope.min.js"></script>
  {/include file="simpla/common/copy.html"/} </div>
{/include file="simpla/common/footer.html"/} 